<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>setTimeout</title>
</head>

<body>
  <!--作业1：使用setTimeout写一个倒计时-->
  <script>
    // // 创建div标签；divEle
    //   var divEle = document.createElement('div')
    // // 将divEle添加到body 中
    //   document.body.appendChild(divEle); 
    // //向div中插入标签内容
    // divEle.innerHTML = '倒计时还有90分钟00秒'
    // // 通过JS操作标签的行内样式或者其他属性
    // divEle.id = 'testDiv'
    // divEle.style.width = '300px'
    // divEle.style.margin = '20px auto'

    // // 每隔1000毫秒执行一次作为参数传入的函数
    // var time  = 90 * 60;
    // function daoJiShi(){
    //   time--
    //   var minute = Math.floor(time/60)
    //   // %取余数
    //   var second = tinme%60;
    //   minute = minute<10?'0'+minute:minute;
    //   second = second<10?'0'+second:second;
    //   divEle.innerHTML = '倒计时还有'+minute+ '分钟'+second+'秒'

    // }

    // 创建div标签；divEle
    var divEle = document.createElement('div')
    // 将divEle添加到body 中
    document.body.appendChild(divEle);
    //向div中插入标签内容
    divEle.innerHTML = '倒计时还有90分钟00秒'
    // 通过JS操作标签的行内样式或者其他属性
    divEle.id = 'testDiv'
    divEle.style.width = '300px'
    divEle.style.margin = '20px auto'

    // setTimeout(function(){
    //     time--;
    //   var minute = Math.floor(time/60)
    //   // %取余数
    //   var second = tinme%60;
    //   minute = minute<10?'0'+minute:minute;
    //   second = second<10?'0'+second:second;
    //   divEle.innerHTML = '倒计时还有'+minute+ '分钟'+second+'秒'
    //   setTimeout(function,1000)
    // },1000)
    var time = 90 * 60;
    function yanchi() {
      time--;
      var minute = Math.floor(time / 60)
      // %取余数
      var second = time % 60;
      minute = minute < 10 ? '0' + minute : minute;
      second = second < 10 ? '0' + second : second;
      divEle.innerHTML = '倒计时还有' + minute + '分钟' + second + '秒'
      setTimeout(yanchi, 1000);
  
    }
    setTimeout(yanchi, 1000);
  </script>
  <!--小齐的-->
  <!--<script>
    var divEle = document.createElement("div");
    document.body.appendChild(divEle);
    divEle.innerHTML = "倒计时还有90分钟00秒"
    var time = 90 * 60;
    function yanci() {
      time--;
      var minute = Math.floor(time / 60);
      var second = time % 60;
      divEle.innerHTML = "倒计时还有" + minute + "分钟" + second + "秒";
      setTimeout(yanci, 1000);
    }
    setTimeout(yanci, 1000);
  </script>-->
</body>

</html>